<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>仿蘑菇街登录页面</title>
  <link rel="icon" href="./favicon.ico">
  <link rel="stylesheet" href="./css/login.css">
</head>
<body>
  <header>
    <div class="w clearfix">
      <div class="login fl">
        <h1>
          <a href="./index.html">蘑菇街</a>
        </h1>
      </div>
      <div class="tip fl">
        依《网络安全法》相关要求，即日起蘑菇街会员登陆需绑定手机。为保障您的账户安全及正常使用，如您尚未绑定，请尽快完成绑定，感谢您的理解和支持!
      </div>
    </div>
  </header>
  <section>
    <div class="w">
      <div class="login-form">
        <div class="title clearfix">
          <span class='code-login'>扫码登录</span>
          <i class='line'>|</i>
          <span class='password-login active'>用户登录</span>
        </div>
        <form class='up-form'>
          <div class="form-item">
            <input type="text" placeholder="账号/用户名" id="username">
            <div class="tip">
              <span></span>
            </div>
          </div>
          <div class="form-item">
            <input type="password" placeholder="请输入密码" id="password">
            <div class="tip">
              <span></span>
            </div>
          </div>
          <div class="form-item btn">
            <button type="button" id="login_btn">登录</button>
          </div>
          <div class="remember-me clearfix">
            <input class='fl' type="checkbox" id="remember-me">记住密码
          </div>
        </form>
        <div class="register">
          <a href="./register.html">立即注册</a>
        </div>
        <div class="other-way">
          社交账号登录
          <span class='other-login'>
            <i class='wechat'></i>
            微信登录
          </span>
          <span class='other-login'>
            <i class='qq'></i>
            QQ登录
          </span>
        </div>
      </div>
    </div>
  </section>
  @@include('./components/footer.html')
  <script src="../static/javascripts/jquery.min.js"></script>
  <script src="./js/utils/utils.js"></script>
  <script src="../static/javascripts/axios.min.js"></script>
  <script src="./js/login.js"></script>
</body>
</html>